/*!
 * Preformatted text dialog plugin for Editor.md
 *
 * @file        preformatted-text-dialog.js
 * @author      pandao
 * @version     1.2.0
 * @updateTime  2015-03-07
 * {@link       https://github.com/pandao/editor.md}
 * @license     MIT
 */

(function () {

  var factory = function (exports) {
    var cmEditor;
    var pluginName = "preformatted-text-dialog";

    exports.fn.preformattedTextDialog = function () {

      var _this = this;
      var cm = this.cm;
      var lang = this.lang;
      var editor = this.editor;
      var settings = this.settings;
      var cursor = cm.getCursor();
      var selection = cm.getSelection();
      var classPrefix = this.classPrefix;
      var dialogLang = lang.dialog.preformattedText;
      var dialogName = classPrefix + pluginName, dialog;

      cm.focus();

      if (editor.find("." + dialogName).length > 0) {
        dialog = editor.find("." + dialogName);
        dialog.find("textarea").val(selection);

        this.dialogShowMask(dialog);
        this.dialogLockScreen();
        dialog.show();
      } else {
        var dialogContent = "<textarea placeholder=\"" + dialogLang.placeholder + "\" style=\"display:none;\">" + selection + "</textarea>";

        dialog = this.createDialog({
          name: dialogName,
          title: dialogLang.title,
          width: 780,
          height: 540,
          mask: settings.dialogShowMask,
          drag: settings.dialogDraggable,
          content: dialogContent,
          lockScreen: settings.dialogLockScreen,
          maskStyle: {
            opacity: settings.dialogMaskOpacity,
            backgroundColor: settings.dialogMaskBgColor
          },
          buttons: {
            enter: [lang.buttons.enter, function () {
              var codeTexts = this.find("textarea").val();

              if (codeTexts === "") {
                alert(dialogLang.emptyAlert);
                return false;
              }

              codeTexts = codeTexts.split("\n");

              for (var i in codeTexts) {
                codeTexts[i] = "    " + codeTexts[i];
              }

              codeTexts = codeTexts.join("\n");

              if (cursor.ch !== 0) {
                codeTexts = "\r\n\r\n" + codeTexts;
              }

              cm.replaceSelection(codeTexts);

              this.hide().lockScreen(false).hideMask();

              return false;
            }],
            cancel: [lang.buttons.cancel, function () {
              this.hide().lockScreen(false).hideMask();

              return false;
            }]
          }
        });
      }

      var cmConfig = {
        mode: "text/html",
        theme: settings.theme,
        tabSize: 4,
        autofocus: true,
        autoCloseTags: true,
        indentUnit: 4,
        lineNumbers: true,
        lineWrapping: true,
        extraKeys: {
          "Ctrl-Q": function (cm) {
            cm.foldCode(cm.getCursor());
          }
        },
        foldGutter: true,
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
        matchBrackets: true,
        indentWithTabs: true,
        styleActiveLine: true,
        styleSelectedText: true,
        autoCloseBrackets: true,
        showTrailingSpace: true,
        highlightSelectionMatches: true
      };

      var textarea = dialog.find("textarea");
      var cmObj = dialog.find(".CodeMirror");

      if (dialog.find(".CodeMirror").length < 1) {
        cmEditor = exports.$CodeMirror.fromTextArea(textarea[0], cmConfig);
        cmObj = dialog.find(".CodeMirror");

        cmObj.css({
          "float": "none",
          margin: "0 0 5px",
          border: "1px solid #ddd",
          fontSize: settings.fontSize,
          width: "100%",
          height: "410px"
        });

        cmEditor.on("change", function (cm) {
          textarea.val(cm.getValue());
        });
      } else {
        cmEditor.setValue(cm.getSelection());
      }
    };

  };

  // CommonJS/Node.js
  if (typeof require === "function" && typeof exports === "object" && typeof module === "object") {
    module.exports = factory;
  } else if (typeof define === "function")  // AMD/CMD/Sea.js
  {
    if (define.amd) { // for Require.js

      define(["editormd"], function (editormd) {
        factory(editormd);
      });

    } else { // for Sea.js
      define(function (require) {
        var editormd = require("./../../editormd");
        factory(editormd);
      });
    }
  } else {
    factory(window.editormd);
  }

})();
